Ant Design Vue 中 this.$parent 无法调用父组件的自定义方法

您所在的位置:网站首页 antd treeselect Ant Design Vue 中 this.$parent 无法调用父组件的自定义方法

Ant Design Vue 中 this.$parent 无法调用父组件的自定义方法

#Ant Design Vue 中 this.$parent 无法调用父组件的自定义方法| 来源: 网络整理| 查看: 265

现象

        在做 vue 项目开发时,遇到了在子组件中利用this.$parent调用父组件的自定义方法,控制台报错: TypeError: Cannot set properties of undefined (setting 'licenseFileId')  

项目中报错截图:

 代码原本是:

this.$parent.flowData.licenseFileId = res.data

 页面中:

企业注册流程 ......

原因

在使用Ant Design 的UI组件时,a-row,a-col,a-card本身就属于一个子组件,子组件嵌套子组件,嵌套了多层的关系。

解决办法

1.可以根据需要多套几层$parent 。如

this.$parent.$parent.$parent.$parent.flowData

2.直接使用this.$emit()的方法去调用所用到的父组件的方法或者通过绑定属性及props调用父组件的属性及方法



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3